<template>
  <div class="bc" v-bind:style="{'height':clientHeight + 'px'}">
    <top></top>
    <router-link to="/pay">
    <div class="input-button blue">充值总流量</div>
    </router-link>
<!--    <router-link to="/distribute">
      <div class="input-button white">分配流量</div>
    </router-link>-->
  </div>
</template>

<script>
import top from '../../components/store/head'
export default {
  name: 'index',
  components: {top},
  data () {
    return {
      clientHeight: document.documentElement.clientHeight
    }
  }
}
</script>

<style scoped>
  .white{
    background-color: #fff;
    color: #0092f8;
    box-shadow: 0 0 0.2rem 0.1rem rgba(194, 198, 199, 0.1);
    border-radius: 0.1rem;
    margin-top: 0.28rem;
  }
  .blue{
    margin-top: 1.6rem;
    box-shadow: 0 0 0.2rem 0.1rem rgba(194, 198, 199, 0.1);
    border-radius: 0.1rem;
    background-color: #0092f8;
  }
  .bc{
    background-color: #eff0f1;
  }
</style>
